<!DOCTYPE html>
<html>
<head>
<script>
window.enablePixelTesting = true;
</script>
<script src="../../../resources/js-test.js"></script>
<script src="../../forms/resources/picker-common.js"></script>
<script src="resources/suggestion-picker-common.js"></script>
</head>
<body style="background-color: #eeffff;">
<input type=time id=time value="12:31" list="suggestions" style="width: 200px;" step="0.001">
<datalist id=suggestions>
    <option>111:23</option> <!--invalid-->
    <option>13:60</option> <!--invalid-->
    <option>foo</option> <!--invalid-->
    <option label="Now">01:01</option>
    <option>14:23</option>
    <option>12:34:56</option>
    <option>01:23:45.678</option>
    <option>01:05</option>
    <option>01:06</option>
    <option>01:07</option>
    <option>01:08</option>
    <option>01:09</option>
    <option>01:10</option>
    <option>01:11</option>
    <option>01:12</option>
    <option>01:13</option>
    <option>01:14</option>
    <option>01:15</option>
    <option>01:16</option>
    <option>01:17</option>
    <option>01:18</option>
    <option>01:19</option>
    <option>01:20</option>
</datalist>

<p id="description" style="opacity: 0"></p>
<div id="console" style="opacity: 0"></div>

<script>
openPickerAppearanceOnly(document.getElementById('time'), finishTest);

function finishTest() {
    popupWindow.focus();
    eventSender.keyDown('ArrowDown');
    finishJSTest();
}
</script>
</body>
</html>
